#playlist_login{
	position: relative;
	background:url('../images/playlist/playlist_modern_bg.jpg') top left no-repeat;
	width: 970px;
	margin:0 auto;
	overflow: hidden;
	clear: both;	
}
#playlist_login .left{
	position: relative;
	float: left;
}
#playlist_login .left img{
	position: relative;
	display: inline-block;
	top: 4px;
}
#playlist_panel{
	position: relative;
	width: 100%;
	margin-bottom: 5px;
	text-align: right;
}
#is_publish{
	position: relative;
	clear: both;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 12px;
    overflow: hidden;
    padding: 8px 0;
}
#playlist_panel #playlist_url{
	width: 750px;
	border: 1px solid #9a928f;
	background-color: #ffefdb;
	font-weight: bold;
	border-radius: 4px;
}
#playlist_panel #copy_playlist_url img{
	position: relative;
	display: inline-block;
	top: 4px;	
}
#playlist_login .right{
	position: relative;
	float: right;	
}
#playlist_hilight{
	position: relative;
	width: 970px;
	margin:0 auto;
}
#playlist{
	position: relative;
	width: 970px;
	margin:0 auto;
}
#playlist .empty{
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color:#373535;
	padding: 10px 0;
}
/*Block*/
#playlist .block{
	position: relative;
	width: 100%;
	margin-top:10px;	
}
#playlist .block .header{
	position: relative;
	background:url('../images/playlist/header_bg.png') repeat-x;
	width: 100%;
	height: 53px;
	line-height: 50px;
	overflow: hidden;
}
#playlist .block .header h2{
	position: relative;
	float:left;
	margin:0;
	padding:0 24px;
	font-size: 22px;
	color:#FFFFFF;
	text-shadow: 0.1em 0.1em 0.2em #000000;
}
#playlist .block .header a.readMore{
	position: relative;
	float:right;
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	color:#FFFFFF;
	padding:0 14px;
}
#playlist .block .header a.readMore:hover{text-decoration:underline;}
/*Slider*/
#playlist .sliderContent{
	position: relative;
	background:url('../images/playlist/playlist_bg.png') repeat-x;
	background-color: #bababa;
	width: 100%;
	padding: 20px 0;
}
#playlist .sliderContent .slider{
	position: relative;
	width: 835px;
	margin:0 auto;
	overflow: hidden;
}
#playlist .sliderContent ul{
	position: relative;
	margin:0;
	padding:0;
	width: 100%;
	overflow: hidden;
	clear: both;
	list-style-type: none;	
}
#playlist .sliderContent ul li{
	position: relative;
	float: left;
	width: 265px;
	margin-right:20px;
}
#playlist .sliderContent ul li .image{
	position:relative;
	background: url('../images/default/playlist_unknown_265x120.jpg') no-repeat;	
	width:265px;
	height: 120px;	
}
#playlist .sliderContent ul li .info{
	position: relative;
	padding-top:5px;
	color: #2D2A2A;
	font-size: 14px;
}
#playlist .sliderContent .btn_arrow{
	position:absolute;
	background: url('../images/playlist/arrow_sprites.png') no-repeat;	
	width: 25px;
	height: 50px;		
}
#playlist .sliderContent .btn_arrow.prev{top:55px;left:0;background-position: -25px 0;}
#playlist .sliderContent .btn_arrow.next{top:55px;right:0;background-position: 0 0;}
/*Modern Slider*/
#modernSlider{
	position: relative;
	background: url('../images/playlist/playlist_highlight_bg.png') no-repeat;	
	margin: 1px auto 0;
	padding-bottom:20px;
	width:970px;
	height:160px;
	position:relative;
	clear:both;
	overflow:hidden;
}
#modernSlider img{
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
}
#modernSlider .info{
	position:absolute;
	color:#FFFFFF;
	font-size:14px;
	top:145px;
	left:355px;
	width:265px;
	height:18px;
	overflow:hidden;
}
#modernSlider .btn_arrow{
	position:absolute;
	background: url('../images/playlist/arrow_sprites2.png') no-repeat;	
	width: 32px;
	height: 62px;		
}
#modernSlider .btn_arrow.prev{top:50px;left:0;background-position: 0 0;}
#modernSlider .btn_arrow.next{top:50px;right:0;background-position: -32px 0;}
#playlist .playlistList{
	position: relative;
	background:url('../images/playlist/playlist_bg.png') repeat-x;	
	background-color: #BABABA;
	width: 100%;
	padding: 20px 0;
}
#playlist .playlistList ul{
	position: relative;
	margin:0 auto;
	padding:0;
	width: 835px;
	overflow: hidden;
	clear: both;
	list-style-type: none;	
}
#playlist .playlistList ul li{
	position: relative;
	float: left;
	width: 265px;
	margin-right:20px;
	margin-bottom: 20px;
}
#playlist .playlistList ul li:last-child{margin:0;}
#playlist .playlistList ul li .image{
	position:relative;
	background: url('../images/default/playlist_unknown_265x120.jpg') no-repeat;	
	width:265px;
	height: 120px;	
}
#playlist .playlistList ul li .info{
	position: relative;
	padding-top:5px;
	color: #2D2A2A;
	font-size: 14px;
}
#playlist .playlistList .empty{
	font-size: 22px;
	color: #2D2A2A;
}
/*Player*/
#playlist_player{
	position: relative;
	width: 970px;
	margin:0 auto 20px;
}
#playlist_frame{
	position: relative;
	background-color: #000000;
	width: 100%;
	height: 382px;
	overflow: hidden;
	clear: both;
}
#playlist_cover{
	position:relative;
	margin-bottom: 10px;
	background: url('../images/playlist/playlist_cover_bg.png') repeat-x;	
	width: 100%;
	height: 120px;
	overflow: hidden;
	clear:both;	
    box-shadow:0 0.5em 0.5em #000000;
    -moz-box-shadow:0 0.5em 0.5em #000000;
    -webkit-box-shadow:0 0.5em 0.5em #000000;	
}
#playlist_object{
	position: relative;
	float: left;
}
#playlist_ads{
	position: relative;
	float: right;
}
#playlist_cover .image{
	position: relative;
	float: left;
	width: 265px;
	height: 120px;
}
#playlist_cover .description{
	position: relative;
	float: left;
	width: 465px;
	color: #FFFFFF;
	padding: 15px 10px;
}
#playlist_cover #update_playlist_info{
	position: relative;
	float: left;
	top: 5px;
	margin-right: 5px;
	background:url('../images/playlist/icon_edit.png') repeat-x;
	width: 16px;
	height: 16px;
	z-index: 2;
}
#playlist_cover .description h2{
	position: relative;
	margin: 0;
	padding: 0 0 5px 0;
}
#playlist_cover .description a{
	color: #FFFFFF;
	text-decoration: underline;
}
#playlist_cover .counting{
	position: relative;
	float: left;
	width: 200px;
}
#playlist_cover .counting .view{
	position: relative;
	width: 100%;
	overflow: hidden;
	clear: both;
}
#playlist_cover .counting .view span{
	position: relative;
	float: right;
	background: url('../images/playlist/icon_view.png') 0px 20px no-repeat;
	color: #FFFFFF;
	padding: 15px 0 15px 35px;
	font-size: 18px;	
}
#playlist_cover .counting .votePlaylist{
	position: relative;
	float: right;
	overflow: hidden;
}
#playlist_cover .counting .votePlaylist a{
	position: relative;
	float: left;
	background: url('../images/playlist/btn_vote.png') no-repeat;
	width: 55px;
	height: 25px;	
}
#playlist_cover .counting .votePlaylist span{
	position: relative;
	float: left;
	margin:1px 0 0 10px;
	padding: 0 5px;
	height:22px;	
	line-height: 22px;
	background-color: #e0e1e0;
}
#playlist_cover .counting .votePlaylist span:before{
	background: url('../images/playlist/icon_triangle.png') no-repeat;
    left: -6px;
    content: "";
    display: block;
    position: absolute;
    width: 6px;
	height: 22px;
}
#playlist_cover .counting .votePlaylistActivity{
	position: relative;
	background: url('../images/playlist/vote_activity.png') no-repeat;
	float: right;
	padding: 0 0 0 45px;
	margin-left:10px;
	height: 25px;
	line-height: 32px;
	color: #b7a506;
	font-weight: bold;
	font-size: 16px;
}
#playlist_control{
	position: relative;
	background: url('../images/playlist/playlist_control_bg.png') no-repeat;		
	width: 100%;
	height: 200px;
	overflow: hidden;
}
#playlist_control .image{
	position:relative;
	float:left;
	margin:50px 0 0 30px;
	background: url('../images/default/album_unknown_120x120.jpg') no-repeat;	
	width:120px;
	height: 120px;		
}
#playlist_control .description{
	position:relative;
	float:left;
	width: 420px;
	margin:50px 0 0 20px;
}
#playlist_control .description .subject{
	position: relative;
	float: left;
	margin: 5px 0;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	width: 80px;
}
#playlist_control .description .detail{
	position: relative;
	float: left;
	margin: 5px 0;
	font-size: 20px;
	color: #FFFFFF;
	width: 340px;
}
#playlist_control .description a.contentUrl{
	position: relative;
	float: left;	
	color:#FFFFFF;
	padding: 3px;
}
#playlist_control .description a.contentUrl:hover{text-decoration: underline;}
#playlist_control .control	{
	position: relative;
	float: left;
	margin:60px 0 0 20px;
}
#playlist_control .playlistControl{
	position: relative;
	display: inline-block;
	background: url('../images/playlist/control_sprites.png') no-repeat;	
}
#playlist_control .playlistControl.btnRw{
	background-position: 0 0;
	width: 78px;
	height: 100px;
}
#playlist_control .playlistControl.btnPlay{
	background-position: -78px 0;
	width: 100px;
	height: 100px;
}
#playlist_control .playlistControl.btnPause{
	background-position: -179px 0;
	width: 100px;
	height: 100px;
}
#playlist_control .playlistControl.btnFw{
	background-position: -278px 0;
	width: 80px;
	height: 100px;
}
#playlist_control .playlistControl.btnStop{
	background-position: -358px 0;
	width: 63px;
	height: 100px;
}
#playlist_control a.deleteAll{
	position: absolute;
	background: url('../images/playlist/icon_delete.png') no-repeat;	
	bottom:0;
	right:0;
	color: #FFFFFF;
	padding:0 5px 5px 18px;	
}
#playlist_control a.deleteAll:hover{text-decoration: underline;}
ul#playlist_item{
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#playlist_item li{
	position: relative;
}
ul#playlist_item li a.activeItem{
	position: relative;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	clear: both;
	color: #333333;
	font-weight: bold;
	overflow: hidden;
	clear: both;
}
ul#playlist_item li a.activeItem:hover,
ul#playlist_item li a.activeItem.active{
	color: #FFFFFF;
	background-color:#e11d22;	
	background: url('../images/playlist/playlist_playing_bg.png') no-repeat;
}
ul#playlist_item li a.activeItem .image{
	display: none;
}
ul#playlist_item li a.activeItem .song_name{
	position: relative;
	float: left;
	margin-left: 50px;
	width: 400px;
}
ul#playlist_item li a.activeItem .artist_name{
	position: relative;
	float: left;
	margin-left: 20px;
	width: 300px;
}
ul#playlist_item li span.content_url{
	display:none;
}
ul#playlist_item li.placeholder{  
    background: #dedede; 
	height: 30px;
	width: 100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    border:1px dashed #919191;
	border-radius: 4px;
}
ul#playlist_item li:nth-child(even){
	background-color: #cdcccc;
}
ul#playlist_item li:nth-child(odd){
	background-color: #dcdbdb;
}
#update_playlist ul{
	position: relative;
	margin: 0;
	padding: 5px 0;
	width: 100%;
	overflow: hidden;
	clear: both;
	list-style-type: none;
}
#update_playlist ul li.left{
	position: relative;
	float: left;
	width: 100px;
	font-weight: bold;
	color: #433f3f;
}
#update_playlist ul li.right{
	position: relative;
	float: right;
	width: 225px;
}
#update_playlist ul li.right .submit{
	position: relative;
	float: left;
	margin-right:5px;
}
#update_playlist #playlist_name{
	border:1px solid #6c6866;
}
.action{
	position: absolute;
	top: 9px;
	background: url('../images/playlist/action_sprites.png') no-repeat;
	width:16px;
	height:16px;
	z-index: 2;
	cursor: pointer;
}
.action.remove{background-position: 0 0;left: 5px;}
.action.move{background-position: -16px 0;left: 26px;}
/*OverLap*/
#module_facebook_plugins_share{padding:5px 0 !important;}